<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>task_list</title>
</head>
<body>
  <h3>task list</h3>

  {% for task in tasks %}
    <p>{{forloop.counter}}. {{task.name}} - {{task.get_status_display}}
        (<a href="{% url 'tasks:task_update' task.id %}">Update</a> |
          <a href="{% url 'tasks:task_delete' task.id %}">Delete</a>
        )
    </p>
  {% endfor %}

  <p>
    <a href="{% url 'tasks:task_create' %}"> +Add a new task</a>
  </p>
  
</body>
</html>